import React, { Component } from 'react'

export default class Boundaries extends Component {
  constructor() {
    super();
    this.state = {
      hasError: false
    }
  }
  componentDidCatch() {
    // 子组件报错时触发的函数
    this.setState({
      hasError: true
    })
  }
  render() {
    return (
      <>
        {/* 这是一个父组件，将可能报错的子组件放进来，避免影响整个页面 */}
        {this.state.hasError?<mark>报错了...</mark>:this.props.children}
      </>
    )
  }
}
